// 食物类Food
class Food {
  // 定义一个属性表示食物所对应的元素
  element: HTMLElement
  constructor() {
    // 因为编译器判断肯没有改元素所有报错 加上！表示不用编译器处理 开发者自己确定有该元素
    this.element = document.getElementById('food')!
  }

  // 获取食物X轴坐标方法
  get X() {
    return this.element.offsetLeft
  }

  // 获取食物Y轴坐标方法
  get Y() {
    return this.element.offsetTop
  }

  // 修改食物坐标
  change() {
    // 生成随机位置
    // 蛇的最大移动距离时290px 最小0 // 每次移动是蛇的本身 就是10 每次移动必须10的倍数
    let move_left = Math.round(Math.random() * 29) * 10
    let move_top = Math.round(Math.random() * 29) * 10
    // 修改坐标
    this.element.style.left = move_left + 'px'
    this.element.style.top = move_top + 'px'
  }
}

export default Food
// 测试代码
// const food = new Food()
// console.log(food.X);
// console.log(food.Y);
// food.change()
// console.log(food.X);
// console.log(food.Y);
